<!DOCTYPE html>
<html class="ui-page-login">
<html >
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="css/mui.min.css" rel="stylesheet" />
	<link href="css/style.css" rel="stylesheet" />
	<link rel="stylesheet" href="../css/iconfont.css" />
	<style type="text/css">
		.ui-page-login 
		body{
			background-color: #5BCAD5;
			font-size:15px ;
		}
		.mui-content{
			background-color: #5BCAD5 !important;
		
		}
		.mui-row{
			margin-top: 80px;
			margin-left: 30px;
			margin-right: 30px;
			background-color:#FFFFFF;
			border-radius: 10px;
			padding-bottom: 60px;
		}
		.my-row-col,.my-row-col-c{
			margin-top: 15px;
		}
		.my-row-col-c{
			margin-top: 30px;
			text-align: center;
		}
	</style>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">付款</h1>
		</header>
		<div class="mui-content">
			<div class="mui-row">
				<div class="mui-col-sm-2 mui-col-xs-2"></div>
				<div class="mui-col-sm-8 mui-col-xs-8">
					<div class="mui-col-sm-12 mui-col-xs-12 mui-left my-row-col">
						商家名称：<span id="seller_name"></span>
					</div>
					<div class="mui-col-sm-12 mui-col-xs-12 mui-left my-row-col">
						时间：<span id="responseTimestamp"></span>
					</div>
					<div class="mui-col-sm-12 mui-col-xs-12 mui-center my-row-col-c">
						订单金额：<span style="color:#FC6A2A">￥<span id="amountSpan"></span></span>
					</div>
					<div class="mui-col-sm-12 mui-col-xs-12 mui-center my-row-col">
						<div id="qrcode" style="width: 100%;"></div>
					</div>
				</div>
				<div class="mui-col-sm-2 mui-col-xs-2"></div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script src="js/GetQrCode.js"></script>
		<script src="js/qrcode.js"></script>
	</body>
</html>
<script type="text/javascript">
	mui.init();
	mui.plusReady(function(){
		var state = app.getState();
		var reg = new RegExp('"',"g");  
		var billQRCode = localStorage.getItem("billQRCode").replace(reg, "");//获取
		billQRCode = billQRCode.replace(reg, "");
		var responseTimestamp = localStorage.getItem("responseTimestamp").replace(reg, "");//获取
		responseTimestamp = responseTimestamp.replace(reg, "");
		var amount = localStorage.getItem("amount").replace(reg, "");//
		amount = amount.replace(reg, "");
		document.getElementById("amountSpan").innerHTML = amount;
		document.getElementById("responseTimestamp").innerHTML = responseTimestamp;
		document.getElementById("seller_name").innerHTML = state.seller_name;
		new QRCode(document.getElementById("qrcode"), {
			text: billQRCode,
			width : 200,
			height : 200,
		});
	});
</script>